.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
*{
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
}

html,body,#app{
  height: 100%;
}

.el-menu .el-menu-item.is-active,
.el-menu--collapse.el-menu .el-submenu.is-active,
.el-menu--collapse.el-menu .el-submenu.is-active .el-submenu__title:hover,
.el-menu--collapse.el-menu .el-submenu.is-active .el-submenu__title:focus {
  background: #3f4954 !important;
}
.el-menu.sider-wrap-menu .el-menu-item.is-active::before,
.el-menu--collapse.el-menu .el-submenu.is-active div::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 100%;
  bottom: 0;
  left: 0;
  background: #4582f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}